//获取元素

let uu = document.querySelector('#list>.products')

function render(data, el) {
    console.log(data, el)


    data.forEach(item => {
        let li = document.createElement('li');
        console.log(item)
        //一步到位取出img地址
        let regExp = /(?<=imgurl=)[^'"]*/
        let result = item.productImg2.match(regExp)
        let domStr = `<li productid(${item.productId}) >
        <img width="100" src=${result[0]} alt="">
        <div class="name">
            <h3>${item.productName}</h3>
            
        </div>
        <div class="from">
        <b>${item.productFrom} |</b>
        <p>${item.productTime}</p>
        <span>${item.productComCount}</span>
        </div>`

        //把上面的字符串结构放到li里面
        li.innerHTML = domStr;
        //把li添加到页面的容器中
        el.appendChild(li)
    })
}

//2.首次发起页面请求
function getData(pageid = 0) {
    fetch(`http://chst.vip:1234/api/getmoneyctrl?pageid=${pageid}`)
        .then(body => body.json())
        .then(res => {
            console.log(res)
            render(res.result, uu)
        })
}


getData() //首次调用

//声明初始的pageid

let pageid = 1;

lazyLoad(function () {
    // 在这里发送请求
    pageid++
    if (pageid > 14) {
        alert('别划了,没有了傻子')
        return
    }
    //pageid最多到14;超过了 服务器就没有数据响应了
    getData(pageid)
    // console.log('999999')
}, 100)

//点击返回顶部
var btn = document.querySelector(".a3")
console.log(btn);

    btn.onclick = function(){
        document.documentElement.scrollTop = 0;
    }
// //通过事件捕获 获取id
// uu.addEventListener('click', show, true);
// function show(e) {
// }

let uli = document.querySelectorAll("li")
console.log(uli);
for(var i=0;i<uli.length;i++){
    uli[i].onclick=function(){
        let id=this.getAttribute('productid')
        console.log(id)
        location.href='./savemoneydetails.html?productId='+id
    }
}

